<!---->
<div class="container _container">

  <!--<input type="file" ng2FileSelect [uploader]="uploader" (change)="selectedFileOnChanged($event)" />-->
  <!--<button type="button" name="button"> 上传</button>-->
    <!--操作、名称、头像-->
    <div class="row">
        <div class="col-sm-5 col-sm-offset-3 col-xs-8">
            <ul class="_uc-index-icon">
                <li class="active">
                    <a routerLink="/linkCollect" title="收藏"><i class="fa fa-heart" aria-hidden="true"></i></a>
                </li>
                <li>
                    <a (click)="gofac()" title="上传"><i class="fa fa-upload" aria-hidden="true"></i></a>
                </li>
                <li>
                    <a  routerLink="/linkEdit" title="设置"><i class="fa fa-gear" aria-hidden="true"></i></a>
                </li>
                <li>
                    <a (click)="more()"  class="更多"><img src="assets/img/icon_uc_emp/icon_pc_4.png" width="20px" height="20px" /></a>
                    <div  [ngClass]="{show: moreLink}" class="_uc-index-more">
                        <div class="arrow"></div>
                        <a   routerLink="/linkDonation" >捐款支持</a>
                        <a   (click)="lfModal.show()">发送反馈</a>
                        <a   routerLink="/editor" >审核编辑入口</a>
                        <a   (click)="ldModal.show()" >退出登录</a>
                    </div>
                </li>
            </ul>
            <p class="_uc-index-name">{{inf}}</p>
        </div>
        <div class="col-sm-2 col-xs-4">
            <div class="_uc-index-avatar">
                <img class="img-circle" src="assets/img/icon/portrait.png" width="68px" height="68px" />
                <input type="file" />
            </div>
        </div>
    </div>

    <!--列表-->
    <div class="_list">
        <div class="_list-item">
            <div class="_masonry-box _list-add">
                <div (click)="lgModal.show()"><img src="assets/img/icon_uc_emp/add.png" width="37px" height="37px" /></div>
                <p>创建收藏夹</p>
            </div>
        </div>
        <div  class="_list-item" *ngFor="let per of pers">
            <div class="_masonry-box">
                <a class="displayblock" (click)="gocolltdeyail(per.id)">
                    <img class="_box-img" src="assets/img/resource/1.jpg">
                    <div class="_box-twoimg">
                        <div class="_box-twoimg-l">
                            <img src="assets/img/resource/2.jpg">
                        </div>
                        <div class="_box-twoimg-r">
                            <img src="assets/img/resource/2.jpg">
                        </div>
                    </div>
                </a>
                <div class="_box-intro">
                    <p class="_box-name">{{per.collect_name}}</p>
                    <div class="_box-count">
                        <a >材料{{per.material}}</a> /
                        <a >制造厂{{per.factory}}</a>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<!-- 创建收藏夹Modal -->
<div class="modal fade _modal-form" bsModal #lgModal="bs-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">创建一个收藏夹</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal _form" role="form" id="form">
                    <div class="form-group">
                        <p class="form-error"></p>
                        <input type="text" class="form-control" id="Name" name="Name" #colname placeholder="名字" />
                    </div>
                    <div class="form-group">
                        <p class="form-error"></p>
                        <textarea class="form-control" placeholder="描述" id="Intro" name="Intro" #description rows="5"></textarea>
                    </div>
                    <div class="form-group form-btn">
                        <button type="submit" class="btn btn-submit" (click)="addcollt(colname.value,description.value);lgModal.hide()">保存</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- 编辑邮件Modal -->
<div class="modal fade _modal-form" bsModal #lfModal="bs-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">编辑邮件</h4>
                <p class="modal-tip">From余杭融设计图书馆真诚感谢您对我们工作的支持与宝贵建议，我们将在您的协助下继续努力，不断进步。</p>
            </div>
            <div class="modal-body">
                <form class="form-horizontal _form" role="form" id="emailForm">
                    <div class="form-group">
                        <p class="form-error"></p>
                        <textarea class="form-control" placeholder="邮件内容" id="Email" name="Email" rows="5" [(ngModel)]="feed"></textarea>
                    </div>
                    <div class="form-group form-btn">
                        <button type="submit" class="btn btn-submit" (click)="feedbak();lfModal.hide()">发送</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<!-- 退出登录 -->
<div class="modal fade _modal-form" bsModal #ldModal="bs-modal"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body">
        <form class="form-horizontal _form" role="form">

           <h3 style="text-align: center">你确定退出登录吗？</h3>
            <div class="form-group form-btn" style="text-align: center">
            <button  class="btn btn-primary" (click)="checkout();ldModal.hide()" style="margin-right: 20px">确定</button>
            <button  (click)="ldModal.hide()" class="btn btn-default">取消</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
